<style type="text/css">
    .table th, .table td {
        text-align: center;
        vertical-align: middle!important;
    }
    .table th:nth-child(1), 
    .table td:nth-child(1) {
        width: 7%;
    } 
    .table td:nth-child(2) {
        width: 25%;
    }
    .table th:nth-child(3), 
    .table td:nth-child(3) {
        width: 53%;
    }
    .table th:nth-child(4), 
    .table td:nth-child(4)
    {
        width:15%;
    }
    .pagination li {
        display: inline;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .red {color: red;}
</style>
<div class="col-xs-12">
    <div class="form-group">
        <!-- Tìm kiếm -->
        <a href="{{url('/')}}" id="back_id" class="btn btn-default pull-left" title="Quay lại trang chủ"><i class="glyphicon glyphicon-arrow-left"></i></a>&nbsp;
        <div class="btn-group">
            <input id="search" name="search" type="text" class="form-control" placeholder="Nhập mã - họ tên CB" style="width: 100%" value="{{isset($key) && $key != null ? $key : ""}}"/>
            <input type="hidden" name="urlsearch" id="urlsearch" value="{{url('search=dscanbo')}}"/>
        </div>
        <button class="btn btn-default" id="btnsearch" type="button" title="Tìm kiếm"><span class="glyphicon glyphicon-search"></span></button>
        <a class="btn btn-default {{isset($key) && $key != null ? "" : "hide"}}" href="{{url('ql=dscanbo')}}" title="Reset"><span class="glyphicon glyphicon-remove"></span></a>

        <!--Kết thúc tìm kiếm-->
        <!--Thêm cán bộ-->
        <a href="{{url('ql=themcanbo')}}" class="btn btn-primary pull-right"><i class="glyphicon glyphicon-plus"></i>&nbsp;Thêm mới cán bộ</a>&nbsp;
        <!--Kết thúc thêm cán bộ-->
    </div>
    <div>
        <!--Bảng danh sách cán bộ-->
        <table class="table table-bordered table-hover">
            <thead>
                <tr class="label-warning">
                    <th>STT</th>
                    <th>MSCB</th>
                    <th>Họ tên cán bộ</th>
                    <th>Các tác vụ</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $row)
                @if ($row != null)
                <tr>
                    <td>{{++$numRows}}</td>
                    <td>{{$row->MSCB}}</td>
                    <td id="tencb_{{$row->ID}}">{{$row->HO_TEN}}</td>
                    <td>
                        <a href="{{url('view=dscanbo')}}" id="{{$row->ID}}" class="details_cb text-success"><i class="glyphicon glyphicon-search" title="Xem chi tiết"></i></a>&nbsp;
                        <a href="{{url('delete=dscanbo')}}" id="{{$row->ID}}" class="delete_cb text-danger" title="Xóa cán bộ"><i class="glyphicon glyphicon-remove"></i></a>
                    </td>
                </tr>
                @endif
                @endforeach
                @if($numRows <= 0)
                <tr>
                    <td colspan="4"><span class="red glyphicon glyphicon-warning-sign">&nbsp;</span>Không có cán bộ nào.</td>
                </tr>
                @endif
            </tbody>
        </table>
        <!--Kết thúc bảng danh sách cán bộ-->
        <!--Phân trang bảng danh sách cán bộ-->
        <div class="text-right">
            {{$data->links()}}
        </div>	
        <!--Kết thúc phân trang danh sách cán bộ-->
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#search").keyup(function (e) {
            if (e.which === 13) {
                search();
            }
        });

        $("#btnsearch").on("click", function (e) {
            search();
        });

        $(".delete_cb").on("click", function (e) {
            var id = $(this).attr("id");
            var tencb = $("#tencb_" + id).text();
            if (confirm("Xác nhận xóa cán bộ " + tencb + " ?"))
            {
                var url = $(this).attr('href');
                url += "?id=" + id;
                var pathname = window.location.href;
                var result = pathname.split('?');
                if (result[1] !== "undefined")
                {
                    url += "&" + result[1];
                }
                location.href = url;
            }
            return false;
        });

        $(".details_cb").on("click", function (e) {
            var id = $(this).attr("id");
            var url = $(this).attr('href');
            location.href = url + "?id=" + id;
            return false;
        });

        function search()
        {
            var key = fulltrim($("#search").val());
            if (key === null || key === "")
            {
                toastr.error("Vui lòng nhập chuỗi cần tìm kiếm!");
            }
            else
            {
                var url = $("#urlsearch").val() + "?key=" + key;
                location.href = url;
            }
        }
    });
</script>
@if(Session::has('success')) 
<script type="text/javascript">
    toastr.success("{{Session::get('success')}}");
</script>
@endif
@if(Session::has('warning')) 
<script type="text/javascript">
    toastr.warning("{{Session::get('warning')}}");
</script>
@endif
@if(Session::has('error')) 
<script type="text/javascript">
    toastr.error("{{Session::get('error')}}");
</script>
@endif